<!doctype html> <html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="highcharts.js"></script>
    
    <style>
        .div1{width:100%;height:100px; opacity: 0.6;background: red;}
        </style>
    <script>
        function drawChartView(xdata,ydata,unit){
            var chart = $('#container').highcharts({
                                                   chart: {
                                                   type: 'area',
                                                   backgroundColor: 'rgba(0,0,0,0)',
                                                   plotBackgroundColor: 'rgba(0,0,0,0)'
                                                   },
                                                   legend: {
                                                   enabled: false
                                                   },
                                                   title: {
                                                   text: ''
                                                   },
                                                   subtitle: {
                                                   text: ''
                                                   },
                                                   xAxis: {
                                                   visible: false,
                                                   lineColor: '#4E4E4E',
                                                   lineWidth: 1,
                                                   gridLineColor: '#4E4E4E',
                                                   gridLineWidth:0.3,
                                                   gridLineDashStyle: 'longdash',
                                                   categories: xdata
                                                   },
                                                   yAxis: {
                                                   title: {
                                                   text: ''
                                                   },
                                                   lineColor: '#4E4E4E',
                                                   lineWidth: 1,
                                                   gridLineColor: '#4E4E4E',
                                                   gridLineWidth:0.3,
                                                   gridLineDashStyle: 'longdash',
                                                   visible: true,
                                                   labels: {
                                                   formatter: function () {
                                                   return this.value + unit;
                                                   }
                                                   }
                                                   },
                                                   tooltip: {
                                                   backgroundColor: '#C6AA78',
                                                   borderColor: '#C6AA78',
                                                   pointFormat: '{point.y}' + unit
                                                   },
                                                   plotOptions: {
                                                   area: {
                                                   pointStart: 0,
                                                   marker: {
                                                   enabled: false,
                                                   symbol: 'circle',
                                                   radius: 2,
                                                   states: {
                                                   hover: {
                                                   enabled: true
                                                   }
                                                   }
                                                   }
                                                   },
                                                   series: {
                                                   color: '#ba9a7d',
                                                   animation: false
                                                   }
                                                   },
                                                   series:
                                                   [{
                                                    name: '胎压',
                                                    data: ydata
                                                    }]
                                                   });
                                                   chart.series[0].select();
        }
    </script>
</head>
<body>
        <div id="container" style="height:120px;width:100%;"></div>
</body>
</html>
